<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Willerfu Blog</title>
<link href="css/css_blog.css" rel="stylesheet" type="text/css" />
<script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script>
<script src="js/mf-pattern/mF_shutters.js" type="text/javascript"></script>
<script src="js/returntop.js" type="text/javascript"></script>
<link href="js/mf-pattern/mF_shutters.css" rel="stylesheet" type="text/css" />
<!--<link href="js/returntop.css" rel="stylesheet" type="text/css" />-->
<script type="text/javascript">
	myFocus.set({
    id:'picBox'//焦点图盒子ID
});
	
</script>
</head>

<body>
	<a id="btn" href="javascript:;" title="回到顶部"></a>
	<div class="top_nav"><!--欢迎行开始-->
        <a class href="#">付超个人博客</a>
        <img src="images/meme.jpg" />
        <p>欢迎来到</p>
    </div><!--欢迎行结束-->
	<div class="topBox"><!--网页头部开始-->
    	<div class="top_bg"><!--网页头部背景开始-->
            <div class="wordsBox">
            	
                <p>初遇时，她的微笑，她往日的深情、承诺和傻劲，两个人共度的美丽时刻，一一印在回忆里，
                今天的感情已经比不上从前，但是我爱着恋着往日的她，舍不得离开。</p>
            	<div class="text">回忆·记录</div>
                <div class="flower"><img src="images/flower.jpg" /></div>
               <!--	播放器-->
             	<audio id="myaudio" controls="controls"></audio>
            
            </div>   
        <div class="navBox"><!--导航盒子开始-->
         	<div class="nav"><!--导航开始-->
    			<ul>
      				<li><a href="#">首页</a></li>
      				<li><a href="aboutme_blog.html">关于我</a></li>
      				<li><a href="shuoshuo_blog.html">碎言碎语</a></li>
      				<li><a href="passage_blog.html">个人博文</a></li>
      				<li><a href="time_blog.html">时间轴</a></li>
      				<li><a href="album_blog.html">生活相册</a></li>
      				<li><a href="message_blog.html">留言板</a></li>
    			</ul>
  			</div><!--导航结束-->
  		</div><!--导航盒子结束-->
        </div><!--网页头部背景结束-->
    </div><!--网页头部结束-->
    <div class="midBox">
        <div class="warp">
        	<div class="left_box"><!--左边盒子-->
                <div class="picBox" id="picBox">
                	<div class="loading"><img src="images/loading.gif" alt="图片加载中" /></div>
        			<div class="pic">
            			<ul>
                			<li><img src="images/me1.jpg"</li>
                    		<li><img src="images/me2.jpg"/></li>
                    		<li><img src="images/me3.jpg"/></li>
                    		<li><img src="images/me4.jpg"/></li>
                    		<li><img src="images/me5.jpg"/></li>
                    		<li><img src="images/me6.jpg"/></li>
                    		<li><img src="images/me7.jpg"/></li>
                		</ul>
            		</div>
        		</div>
                <div class="articleShow"><!--文章展示-->
                	<h2>
                    	<span>
                        	<a href="passage_blog.html">我的博文</a>
                        </span>
                    	<span>
                    		<a href="/">标题栏目</a>
                        </span>
                    </h2>
                    <div class="blogs">
                    	<figure>
                    		<img src="images/01.jpg"/>
                        </figure>
                        	<div class="passage">
                         		<h3>
                                	<a href="/">住在手机里的朋友</a>
                                    <span><a href="/">ReadMore&gt;&gt;</a></span>
                                </h3>
          				 		<p>通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，
                        			然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。
                        			又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...
                        		</p>
                        		<p class="autor">
                        			<span class="myblog l_f"><a href="/">个人博客</a></span>
                            		<span class="time l_f">2014-02-19</span>
                            		<span class="viewnum l_r">浏览（<a href="/">459</a>）</span>
                            		<span class="comments l_r">评论（<a href="/">30</a>）</span>
                        		</p>
                            </div>
                    </div><!--博文1结束-->
                    <div class="blogs">
                    	<figure>
                    		<img src="images/02.jpg"/>
                        </figure>
                        	<div class="passage">
                         		<h3>
                                	<a href="/">住在手机里的朋友</a>
                                    <span><a href="/">ReadMore&gt;&gt;</a></span>
                                </h3>
          				 		<p>通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，
                        			然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。
                        			又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...
                        		</p>
                        		<p class="autor">
                        			<span class="myblog l_f"><a href="/">个人博客</a></span>
                            		<span class="time l_f">2014-02-19</span>
                            		<span class="viewnum l_r">浏览（<a href="/">459</a>）</span>
                            		<span class="comments l_r">评论（<a href="/">30</a>）</span>
                        		</p>
                            </div>
                 	</div><!--博文2结束-->
                    <div class="blogs">
                    	<figure>
                    		<img src="images/03.jpg"/>
                        </figure>
                        	<div class="passage">
                         		<h3>
                                	<a href="/">住在手机里的朋友</a>
                                    <span><a href="/">ReadMore&gt;&gt;</a></span>
                                </h3>
          				 		<p>通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，
                        			然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。
                        			又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...
                        		</p>
                        		<p class="autor">
                        			<span class="myblog l_f"><a href="/">个人博客</a></span>
                            		<span class="time l_f">2014-02-19</span>
                            		<span class="viewnum l_r">浏览（<a href="/">459</a>）</span>
                            		<span class="comments l_r">评论（<a href="/">30</a>）</span>
                        		</p>
                            </div>
                    </div><!--博文3结束-->
                     <div class="blogs">
                    	<figure>
                    		<img src="images/04.jpg"/>
                        </figure>
                        	<div class="passage">
                         		<h3>
                                	<a href="/">住在手机里的朋友</a>
                                    <span><a href="/">ReadMore&gt;&gt;</a></span>
                                </h3>
          				 		<p>通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，
                        			然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。
                        			又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...
                        		</p>
                        		<p class="autor">
                        			<span class="myblog l_f"><a href="/">个人博客</a></span>
                            		<span class="time l_f">2014-02-19</span>
                            		<span class="viewnum l_r">浏览（<a href="/">459</a>）</span>
                            		<span class="comments l_r">评论（<a href="/">30</a>）</span>
                        		</p>
                            </div>
                    </div><!--博文4结束-->
                   	<div class="blogs">
                    	<figure>
                    		<img src="images/05.jpg"/>
                        </figure>
                        	<div class="passage">
                         		<h3>
                                	<a href="/">住在手机里的朋友</a>
                                    <span><a href="/">ReadMore&gt;&gt;</a></span>
                                </h3>
          				 		<p>通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，
                        			然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。
                        			又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...
                        		</p>
                        		<p class="autor">
                        			<span class="myblog l_f"><a href="/">个人博客</a></span>
                            		<span class="time l_f">2014-02-19</span>
                            		<span class="viewnum l_r">浏览（<a href="/">459</a>）</span>
                            		<span class="comments l_r">评论（<a href="/">30</a>）</span>
                        		</p>
                            </div>
                    </div><!--博文5结束-->
                    <div class="blogs">
                    	<figure>
                    		<img src="images/06.jpg"/>
                        </figure>
                        	<div class="passage">
                         		<h3>
                                	<a href="/">住在手机里的朋友</a>
                                    <span><a href="/">ReadMore&gt;&gt;</a></span>
                                </h3>
          				 		<p>通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，
                        			然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。
                        			又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...
                        		</p>
                        		<p class="autor">
                        			<span class="myblog l_f"><a href="/">个人博客</a></span>
                            		<span class="time l_f">2014-02-19</span>
                            		<span class="viewnum l_r">浏览（<a href="/">459</a>）</span>
                            		<span class="comments l_r">评论（<a href="/">30</a>）</span>
                        		</p>
                            </div>
                    </div><!--博文6结束-->
                    
                </div><!--文章展示结束-->
            </div>
        	<div class="right_box"><!--右边盒子-->
            	<div class="about_me">
                	<!--<div class="me"></div>-->
                    <a href="aboutme_blog.html"><span>关于付超</span></a>
                </div>
                <!-- 分享盒子开始-->
                <div class="share_box">
                	<h3><a href="/">关注我</a></h3>
                	<div class="share_icon">
                    	<ul>
                			<li><a class="xl" href="http://weibo.com/3828423457/profile?topnav=1&wvr=6" title="新浪微博" target="_blank">新浪微博</a></li>
                			<li><a class="tx" href="http://t.qq.com/LOVEMOZIJI?preview" title="腾讯微博" target="_blank">腾讯微博</a></li>
                			<li><a class="rss" href="http://my.csdn.net/?ref=toolbar_logo" title="RSS" target="_blank">RSS</a></li>
                			<li><a class="mail" href="http://mail.163.com/" title="邮箱" target="_blank">邮箱</a></li>
						</ul>               		 	
                     </div>
                </div>
                <!-- 分享盒子结束-->
                
                <div class="nav_list">
                	<li class="nav1">
                    	<a href="/">分享</a>
                    </li>
                    <li class="nav2">
                    	<a href="shuoshuo_blog.html">说说</a>
                    </li>
                    <li class="nav3">
                    	<a href="message_blog.html">留言</a>
                    </li>
                    <li class="nav4">
                    	<a href="aboutme_blog.html">个人档</a>
                    </li>
                </div><!--动态标签列结束-->
                    <div class="ph_news">
                          <h2>
                            <p>点击排行</p>
                          </h2>
                          <ul class="ph_n">
                            	<li><span class="num1">1</span><a href="/">有一种思念，是淡淡的幸福,一个心情一行文字</a></li>
                            	<li><span class="num2">2</span><a href="/">励志人生-要做一个潇洒的女人</a></li>
                            	<li><span class="num3">3</span><a href="/">女孩都有浪漫的小情怀——浪漫的求婚词</a></li>
                            	<li><span>4</span><a href="/">Green绿色小清新的夏天-个人博客模板</a></li>
                            	<li><span>5</span><a href="/">女生清新个人博客网站模板</a></li>
                            	<li><span>6</span><a href="/">Wedding-婚礼主题、情人节网站模板</a></li>
                            	<li><span>7</span><a href="/">Column 三栏布局 个人网站模板</a></li>
                            	<li><span>8</span><a href="/">时间煮雨-个人网站模板</a></li>
                            	<li><span>9</span><a href="/">花气袭人是酒香—个人网站模板</a></li>
                          </ul>
                          <h2>
                            	<p>栏目推荐</p>
                          </h2>
                          <ul>
                          		<li><a href="/">有一种思念，是淡淡的幸福,一个心情一行文字</a></li>
                            	<li><a href="/">励志人生-要做一个潇洒的女人</a></li>
                            	<li><a href="/">女孩都有浪漫的小情怀——浪漫的求婚词</a></li>
                            	<li><a href="/">Green绿色小清新的夏天-个人博客模板</a></li>
                            	<li><a href="/">女生清新个人博客网站模板</a></li>
                            	<li><a href="/">Wedding-婚礼主题、情人节网站模板</a></li>
                            	<li><a href="/">Column 三栏布局 个人网站模板</a></li>
                            	<li><a href="/">时间煮雨-个人网站模板</a></li>
                            	<li><a href="/">花气袭人是酒香—个人网站模板</a></li>
                          </ul>
                          <h2>
                            	<p>最新评论</p>
                          </h2>
                          <ul class="pl_n">
                          	<dl>
                              		<dt><img src="images/s8.jpg"> </dt>
                              		<dt> </dt>
                              	<dd>DanceSmile
                                	<time>49分钟前</time>
                              	</dd>
                              	<dd>
                                	<a href="/">文章非常详细，我很喜欢.前端的工程师很少，我记得几年前yahoo花高薪招聘前端也招不到</a>
                                </dd>
                            </dl>
                            <dl>
                              	<dt><img src="images/s7.jpg"> </dt>
                              	<dt> </dt>
                              	<dd>yisa
                                	<time>2小时前</time>
                              	</dd>
                              	<dd>
                                	<a href="/">我手机里面也有这样一个号码存在</a>
                                </dd>
                            </dl>
                            <dl>
                              	<dt><img src="images/s6.jpg"> </dt>
                              	<dt> </dt>
                              	<dd>小林博客
                                	<time>10小时前</time>
                              	</dd>
                              	<dd>
                                	<a href="/">博客色彩丰富，很是好看</a>
                                </dd>
                            </dl>
                            <dl>
                              	<dt><img src="images/003.jpg"> </dt>
                              	<dt> </dt>
                              	<dd>DanceSmile
                                	<time>5月30日</time>
                              	</dd>
                              	<dd>
                                	<a href="/">文章非常详细，我很喜欢.前端的工程师很少，我记得几年前yahoo花高薪招聘前端也招不到</a>
                                </dd>
                            </dl>
                            <dl>
                              	<dt><img src="images/004.jpg"> </dt>
                              	<dt> </dt>
                              	<dd>yisa
                                	<time>5月27日</time>
                              	</dd>
                              	<dd>
                                	<a href="/">我手机里面也有这样一个号码存在</a>
                               	</dd>
                           </dl>
                          </ul>
                          <h2>
                            <p>最近访客</p>
                            <ul>
                              <img class="im" src="images/vis.jpg">
                            </ul>
                          </h2>
    				</div>
                <!--</div>-->
 
            </div><!--右边内容匡结束-->
         
        </div>
    </div>
    <!--中间框架结束-->
    <div class="bottomBox">
    	<div class="footer">
        	<p>Willerfu 博客 Design by will</p>
        </div>  
    </div>
</body>
</html>
